// 将 mixin 调用分配给变量

// Mixins 可以分配给要作为变量调用调用的变量，也可以用于映射查找。

#theme.dark.navbar {
  .colors(light) {
    primary: purple;
  }
  .colors(dark) {
    primary: black;
    secondary: grey;
  }
}

.navbar {
  @colors: #theme.dark.navbar.colors(dark);
  background: @colors[primary];
  border: 1px solid @colors[secondary];
}

// 整个 mixin 调用可以使用别名并作为变量调用调用。如：
.navbar2 {
  @alias: #theme.dark.navbar.colors(dark);
  @alias();
}
